<!doctype html>
<html>
	<head>
		<meta content="width=320; initial-scale=0.8; maximum-scale=1.0; user-scalable=0;" name="viewport" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>iOS Profile</title>
		<link type="image/x-icon" rel="shortcut icon" href="favicon.ico" />
		<link type="text/css" rel="stylesheet" href="./static/css/libs.css" />
		<script type="text/javascript">
			function showNextPage()
			{
				document.getElementById('page-1').className = 'hide';
				document.getElementById('page-2').className = 'content';
			}
		</script>
		<style>
			html,
			body {
				height: 100%;
			}
			body {
				background: #ece9e0;
				color: #555555;
			}
			.content {
				font-size: 11pt;
				display: table;
				height: 100%;
				margin: 0 auto;
				padding: 0;
				text-align: center;
				width: 320px;
			}
			.content div {
				display: table-cell;
				vertical-align: middle;
				padding: 0px 25px;
			}
			.content h1 {
				font-size: 18pt;
				font-weight: normal;
			}
			.button {
				background: #6FA8DE;
				border: 1px solid #5D97CD;
				border-radius: 4px;
				color: #FFFFFF;
				display: block;
				font-size: 12pt;
				font-weight: bold;
				padding: 10px;
				text-align: center;
				text-shadow: 0 1px 0 #4D759B;
				margin-top: 20px;
				cursor: pointer;
				text-decoration: none;
			}
			.button:hover {
				background: #7FB8EE;
			}
			.hide {
				display: none;
			}
		</style>
	</head>
	<body>
		<div class="content" id="page-1">
			<div>
				<h1>
					{{IOS/HELLO}} <img src=""/> !
				</h1>
				<p>
					{{IOS/DESC_P1}}
				</p>
				<p>
					{{IOS/DESC_P2}}
					{{IOS/DESC_P3}}
				</p>
				<p>
					<a class="button" onclick="showNextPage();" href="./?Profile">
						<span>{{IOS/DESC_BUTTON_YES}}</span>
					</a>
					<a class="button" href="./">
						<span>{{IOS/DESC_BUTTON_SKIP}}</span>
					</a>
				</p>
			</div>
		</div>
		<div class="hide" id="page-2">
			<div>
				<h1>
					{{IOS/DESC_P4}}
				</h1>
				<p>
					{{IOS/DESC_P5}}
				</p>
				<p>
					{{IOS/DESC_P6}}
					<br />
					{{IOS/DESC_P7}}
				</p>
				<p>
					<a class="button" href="./">
						<span>{{IOS/DESC_BUTTON_OPEN}}</span>
					</a>
				</p>
			</div>
		</div>
	</body>
	<!--<script type="text/javascript">-->
		<!--(function()-->
		<!--{-->
<!--//			document.cookie="itIsIosCookie";-->
<!--//			document.cookie="iosProfile=requested; path=/";-->
<!--//			document.cookie="iosProfileRequested;";-->
<!--//			window.localStorage.setItem("iosLocalStorage", 'itIsIosLocalStorage');-->
			<!--document.getElementById('page-1').innerHTML = 'cookie - ' + document.cookie + ' *********** localStorage - ' + localStorage.getItem("iosProfileRequested");-->
		<!--})();-->
	<!--</script>-->
</html>
